<template>
  <div id="app">
    <Search></Search>
<!-- <Input></Input> -->
<Swiper></Swiper>
<List></List>
      </div>
</template>

<script>
import Input from './shouye/InputBox.vue'
import List from "./shouye/List.vue"
import Swiper from "./shouye/Swiper.vue"
import Search from './shouye/search.vue'

export default {
  name: 'app',
  data() {
    return {
      count:0,
      arr:[],
      sex:true
    }
  },
  components: {
  Input,
  List,
  Swiper,
    Search,
  }
}
</script>

<style scoped>
  *{
    margin: 0;
    padding: 0;
  }
  html,body{
    height: 100%;
  }
/* #app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  display: flex;
  flex-direction: column;
} */

</style>
